<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Request for Permission</title>
    <link rel="StyleSheet" href="/auth/style.css"/> 
  </head>
  <body>
    <h1>
      ${clientName} is asking for following permissions:
    </h1>
  
    <form action="${target}" method="get">
      <#if requestingScopes?seq_contains("basicInfo")>
        <div class="permission">
          <div class="permissionImage">
             <img src="/auth/gfx/basicinfo.png"/>
          </div>
          <div class="permissionTitle">
            Basic information
          </div>
          <div class="permissionDescription">
            Access to my basic personal information (name, etc.)
          </div>
        </div>
        <input type="hidden" name="scope" value="basicInfo"/>
      </#if>

      <#if requestingScopes?seq_contains("email")>
        <div class="permission">
          <div class="permissionImage">
             <img src="/auth/gfx/email.png"/>
          </div>
          <div class="permissionTitle">
            Email
          </div>
          <div class="permissionDescription">
            Send me email
          </div>
        </div>
        <input type="hidden" name="scope" value="email"/>
      </#if>
      
      <#if requestingScopes?seq_contains("inventory")>
        <div class="permission">
          <div class="permissionImage">
             <img src="/auth/gfx/inventory.png"/>
          </div>
          <div class="permissionTitle">
            Inventory
          </div>
          <div class="permissionDescription">
            Access to my inventory
          </div>
        </div>
        <input type="hidden" name="scope" value="inventory"/>
      </#if>
      
      <#if requestingScopes?seq_contains("stashedItems")>
        <div class="permission">
          <div class="permissionImage">
             <img src="/auth/gfx/stasheditems.png"/>
          </div>
          <div class="permissionTitle">
            Stashed Items
          </div>
          <div class="permissionDescription">
            Access to my stashed items
          </div>
        </div>
        <input type="hidden" name="scope" value="stashedItems"/>
      </#if>
      
      <#if requestingScopes?seq_contains("friends")>
        <div class="permission">
          <div class="permissionImage">
             <img src="/auth/gfx/friends.png"/>
          </div>
          <div class="permissionTitle">
            Friends
          </div>
          <div class="permissionDescription">
            Access to my friend's information
          </div>
        </div>
        <input type="hidden" name="scope" value="friends"/>
      </#if>
      
      <input type="hidden" name="action" value="Accept"/>
      <input type="submit" value="Accept" />
    </form>
    
  </body>
</html>